<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>QFJ的个人主页</title>
    <script type="text/javascript" src="/js/jquery.js"></script>
    
    <link rel="shortcut icon" href="/img/favicon.ico">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/reset.min.css">
    <link rel="stylesheet" href="/css/lion.css">
    <link rel="stylesheet" href="/css/book.css">
</head>

<body class="bg">
    <div class="nav" style="text-align: center;">
        <div><img src="img/qinfujiang.png" alt="" width="250px" height="200px"></div>
    </div>
    <div class="container">
        <div>
            <!-- 个人介绍 -->
            <div class="box1 card wide">
                <div></div>
                <div class="text text-regular">👋 Hi！我是秦福将。</div><br>
            </div>
            <!-- 小狮子互动 -->
            <div class="box2 card regular">
                <div style="border-radius: 40px;" id="world"></div>
            </div>
            <!-- 任务 -->
            <div class="box3 card long">
				<a href="练习1.html"><span>练习1</span></a>
               <div class="btn btn-long">
                    <a href="练习1.html" target=" _blank">
                        <img class="btn-arrow" src="/img/arrow.svg" alt="">
                    </a>
                </div>
                <!-- <img src="img/app-1.png" alt="" style="margin-top: 60px;"> -->
            </div>
            <!-- 任务 -->
            <div class="box4 card regular">
				<a href="页面广告/index.html"><span>实验1</span></a>
                <div class="btn btn-rel">
                    <a href="页面广告/index.html" target=" _blank">
                        <img class="btn-arrow" src="/img/arrow.svg" alt="">
                    </a>
                </div>
                <!-- <img class="img-zhoukan" src="/img/zhoukan.svg" alt=""> -->
            </div>
            <!-- 任务 -->
            <div class="box5 card regular">
				<a href="Vue/shopping.html"><span>实验2</span></a>
                <div class="btn btn-rel">
                    <a href="Vue/shopping.html" target="_blank">
                        <img class="btn-arrow" src="/img/arrow.svg" alt="">
                    </a>
                </div>
                <img class="img-zcool" src="/img/zcool.svg" alt="">
            </div>
            <!-- 任务 -->
            <div class="box6 card long">
				<a href="小米商城登录注册页面/index.html"><span>实验3</span></a>
                <div class="btn btn-long">
                    <a href="小米商城登录注册页面/index.html" target="_blank">
                        <img class="btn-arrow" src="/img/arrow.svg" alt="">
                    </a>
                </div>
                <!-- <img src="/img/yaetong-app.png" alt=""> -->
            </div>
            <!-- 任务 -->
            <div class="box7 card wide">
				<a href="组件通信/index.html"><span>练习2</span></a>
                <div class="btn btn-rel">
                    <a href="组件通信/index.html" target="_blank">
                        <img class="btn-arrow" src="/img/arrow.svg" alt="">
                    </a>
                </div>
                <!-- <img class="img-yaetong-web" src="/img/yaetong-web.png" alt=""> -->
            </div>
            <!-- 任务 -->
            <div class="box9 card regular">
				<a href=""><span>练习3</span></a>
                <div class="btn btn-rel">
                    <a href="#" target="_blank">
                        <img class="btn-arrow" src="/img/arrow.svg" alt="">
                    </a>
                </div>
                <!-- <img class="img-wuzi" src="/img/wuzi-app.png" alt=""> -->
            </div>
            <!-- 任务 -->
            <div class="box8 card regular">
				<a href=""><span>练习4</span></a>
                <div class="btn btn-rel">
                    <a href="https://www.ui.cn/detail/605934.html?nopop=1" target="_blank">
                        <img class="btn-arrow" src="/img/arrow.svg" alt="">
                    </a>
                </div>
                <!-- <img class="img-wuzi" src="/img/wuzi-app.png" alt=""> -->
            </div>
            <!-- 联系 -->
            <div class="box10 card">
                <div class="content">
                    <div class="content-title text-medium">想要联系我</div>
                    <div class="content-text text-light">如果你对我感兴趣，或者只是想打个招呼，请随时与我联系。以下是我的社交主页和电子邮件。</div>
                    <div class="content-img">
						<a href="" class="foot-in-a" target="_blank">
							<span class="content-img-icon img_outer"><img src="img/con-email.png" ></span>
						</a>
						<a href="" class="foot-in-a" target="_blank">
							<span class="content-img-icon img_outer"><img src="img/con-ui.png" ></span>
						</a>
						<a href="" class="foot-in-a" target="_blank">
							<span class="content-img-icon img_outer"><img src="img/con-unplash.png" ></span>
						</a>
						<a href="" class="foot-in-a" target="_blank">
							<span class="content-img-icon img_outer"><img src="img/con-weibo.png" ></span>
						</a>
						<a href="" class="foot-in-a" target="_blank">
							<span class="content-img-icon img_outer"><img src="img/con-twitter.png" ></span>
						</a>
                    </div>
                </div>
            </div>
            <!-- 底部 -->
            <div class="foot">
                <div class="foot-in">
                    <div class="foot-in-text">
                        <a class="foot-in-a" href="https://huazi.space" target="_blank">
                            <span class="text-light" style="line-height: 60px; ">Copyright © 2023</span>
                        </a>
                        <div class="foot-in-right">
                            <a class="foot-in-a" href="http://www.beian.gov.cn/portal/registerSystemInfo?spm=a2c4g.11186623.J_9220772140.105.a9b1783dfylTiO" target="_blank">
                                <img class="foot-in-img" src="img/icon-police.png" alt="">
                                <span class="text-light">ICP备2023030260号-1</span>
                            </a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <script src='js/lion-three.min.js'></script>
    <script src='js/lion-OrbitControls.js'></script>
    <script src="js/lion-script.js"></script>

</body>

</html>